<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MOD特性警示管理</title>
    <!-- 网页LOG -->
    <link href="img/favicon.png" rel="icon">
    <link href="css/AdminCommon.css" rel="stylesheet">
    <script src="js/jquery-3.7.1.js"></script>
</head>
<body>
<!-- 导航栏 -->
<nav id="navigationBar">
    <div class="nav-container">
        <div class="nav-logo">
            <h1>我的世界<span class="text-primary">MOD</span>百科 - 管理员模块</h1>
        </div>
        <div class="nav-desktop">
            <div class="nav-item">
                <a href="#">首页</a>
                <a href="developerTeamManagement.html">开发者/团队管理</a>
                <a class="active" href="#">MOD特性警示管理</a>
                <a href="commentManagement.html">评论管理</a>
                <a href="auditManagement.html">审核管理</a>
            </div>
            <!-- 用户头像 -->
            <div class="user">
                <img alt="用户头像" class="profilePicture" src="img/favicon.png" style="border-radius: 50%;">
                <a href="#">管理员</a>
                <!--                <a href="#">登录</a>-->
                <!--                <a href="#">注册</a>-->
                <a class="logout" href="#">退出</a>
            </div>
        </div>
        <button class="nav-mobile-btn" id="menu-toggle">
            <i class="fa fa-bars"></i>
        </button>
    </div>
</nav>

<!-- MOD搜索和筛选 -->
<section class="search">
    <h1><span class="text-accent">MOD</span>特性<span class="text-Warning">警告</span>管理</h1>
    <div class="search-container">
        <h2>查找<span class="text-accent">MOD</span>特性<span class="text-Warning">警告</span></h2>
        <div class="search-form">
            <div class="search-input">
                <input id="search" placeholder="搜索MOD名称、作者或描述..." type="text">
                <i class="fa fa-search"></i>
            </div>
            <div class="search-filters">
                <select>
                    <option>所有版本</option>
                    <option>1.19.x</option>
                    <option>1.18.x</option>
                    <option>1.17.x</option>
                    <option>1.16.x</option>
                </select>
                <select>
                    <option>所有类型</option>
                    <option>严重</option>
                    <option>警告</option>
                    <option>中等</option>
                    <option>提示</option>
                </select>
                <select>
                    <option>下载量排序</option>
                    <option>最新更新</option>
                    <option>最多下载</option>
                    <option>评分最高</option>
                    <option>字母排序</option>
                </select>
                <button onclick="searchWarnings()">
                    <i class="fa fa-filter mr-2"></i> 筛选
                </button>
                <button>
                    <i class="fa mr-2">添加新警告</i>
                </button>
            </div>
        </div>
    </div>
</section>

<!-- MOD列表 -->
<section class="mod-list">
    <div class="container">
        <table id="warningTable">
            <thead>
            <tr>
                <th>ID</th>
                <th>版本</th>
                <th>名称</th>
                <th>描述</th>
                <th>创建时间</th>
                <th>封面路径</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <!-- 警告数据将通过JavaScript动态生成 -->
            </tbody>
        </table>
    </div>
</section>


<!-- 关于我们 -->
<section class="about" id="about">
    <div class="about-container">
        <div class="about-content">
            <h2>关于我们的<span class="text-accent">MOD</span>网站</h2>
            <p>
                我们是一群热爱《我的世界》的玩家，致力于为玩家社区提供高质量、安全且丰富的MOD资源。自****年成立以来，我们已经帮助数***玩家扩展了他们的游戏体验。</p>
            <p>
                我们的使命是打造一个友好、安全且易于使用的MOD平台，让每个玩家都能轻松找到适合自己的MOD，同时支持MOD开发者获得应有的认可和回报。</p>
        </div>
    </div>
</section>
<script src="js/AdminCommon.js"></script>
</body>
</html>